<template>
    <div>
        <DropDownSearch ref="DropDownSearch" :inputVal.sync="inputVal" :countryVal.sync="countryVal" @countryChange="countryChange" @inputChange="inputChange" />
        <div>
            countryVal:{{countryVal}}
        </div>
        <div>
            inputVal:{{inputVal}}
        </div>
    </div>
</template>
<script>
import DropDownSearch from "../../components/Base/DropDownSearch.vue";
export default {
	components: {
		DropDownSearch
	},
	data() {
		return {
			countryVal: "",
			inputVal: ""
		};
	},
	mounted() {},
	methods: {
		countryChange(data) {
			console.log(data,'countryChange');
		},
		inputChange(data) {
			console.log(data,'inputChange');
		}
	}
};
</script>
<style scoped>
</style>
